import IndexPage from '@/views/index/IndexPage.vue'
import HelloPage from '@/views/hello/HelloPage.vue'
import FormPage from '@/views/form/FormPage.vue'
import FamilyPage from '@/views/family/FamilyPage.vue'
import PlayPage from '@/views/play/PlayPage.vue'
import ModelPage from '@/views/model/ModelPage.vue'
import TablePage from '@/views/table/TablePage.vue'
import DataPage from '@/views/data/DataPage.vue'
import ObservablePage from '@/views/observable/ObservablePage.vue'

export default [
  { path: '/', name: 'index', component: IndexPage },
  {
    path: '/hello',
    name: 'hello',
    component: HelloPage,
    props: () => ({
      msg: 'Welcome to my world!',
    }),
  },
  { path: '/form', name: 'form', component: FormPage },
  { path: '/family', name: 'family', component: FamilyPage },
  { path: '/play', name: 'play', component: PlayPage },
  { path: '/model', name: 'model', component: ModelPage },
  { path: '/table', name: 'table', component: TablePage },
  { path: '/data', name: 'data', component: DataPage },
  { path: '/observable', name: 'observable', component: ObservablePage },
]
